@extends('layouts.public')
@section('middle')
@include('middle.wangzhanjianshe')
@endsection
@section('content')
<div class="full-case-container">

        <div class="case-wrapper weblg">
            <div class="caseban">
                <img src="/static/Uploads/20180920095401_037615.jpg" alt="{{$name['addr']}}响应式网站建设,{{$name['addr']}}响应式网站制作">
                <div class="title">
                    
                    <i class="middle"></i>
                    <h2>响应式网站建设方案</h2>
                </div>
            </div>
            <div class="case-intro-wrapper">
                <ul class="case-intro-list"><li class="clearfix"><p class="id">01</p><h2 class="title">什么是响应式网站？</h2><div class="text"><p>响应式网站建设简单的来说就是让一个网站页面，能在不同的设备访问并看到不同的效果。移动设备和移动网络的使用已经超过传统pc端，随之而来的是对响应式移动网页设计等技术的需求空前高涨，那<a href="{{$domain}}/" target="_self" title="{{$name['addr']}}外贸网站建设哪家好" _href="{{$domain}}/">{{$name['addr']}}响应式网站建设哪家好</a>呢？我们可以从以下几点进行认识和判断。</p><p><br/></p><div class="rhalfimg"><img src="/static/webimages/h5case01.jpg" alt="{{$name['addr']}}响应式网站设计,{{$name['addr']}}响应式网站建设" _src="/static/webimages/h5case01.jpg" border="0" vspace="0" title="{{$name['addr']}}响应式网站设计,{{$name['addr']}}响应式网站建设"/><p>个人电脑、平板电脑、智能手机等这些电子设备品种繁复，假如一个网站在个人电脑上显现无缺，但是在手机屏幕上打开时会呈现溢出、页面呈现横向翻滚或许页面在手机上被极度减小等疑问，就会无法辨识。一个网站怎样在数十种屏幕上显现，成为我们所关注的疑问。假如要对于每一种终端各做一套页面，太耗费人力，维护起来也很艰难。而响应式页面规划是一种新的规划思想，解决了一个网站在各种屏幕上到达知名显现作用的疑问。</p></div></div></li><li class="clearfix"><p class="id">02</p><h2 class="title">三种响应式设计模式</h2><div class="text"><div class="m-letter-item"><h5 class="letter">A.</h5><h4 class="sub-title">缩放、流式布局与响应式</h4><div class="rimg"><div class="letimg"><img src="/static/webimages/h5case0a.jpg" _src="/static/webimages/h5case0a.jpg" border="0" vspace="0" title="{{$name['addr']}}响应式网站设计制作" alt="{{$name['addr']}}响应式网站设计制作"/></div><p>这些术语容易造成混淆，设计师常常错误地交替互用。实际上，每个都是布局技巧的显著进化过程，像技术演进那样逐一显现。 <br/> 缩放布局，旨在相对缩放每一个元素。它们会随着窗口大小变化动态缩放内容，就这方面而言，它们是响应式的。布局本身保持静止，通过改变每一个元素来保持一致的表现。 <br/> <br/> 流式布局就不一样，因为它们随着窗口尺寸缩放容器元素。通过em这类相对单位可以做到这点，克服了缩小文字的问题。用户主动缩放时，设计就被破坏了。 <br/> <br/>{{$name['addr']}}响应式网站制作不会缩放任何东西。相反，它会根据窗口尺寸决定显示哪些内容。</p></div></div><div class="m-letter-item"><h5 class="letter">B.</h5><h4 class="sub-title">元素的扭曲</h4><div class="rimg"><div class="letimg"><img src="/static/webimages/h5case0b.jpg" _src="/static/webimages/h5case0b.jpg" border="0" vspace="0" title="{{$name['addr']}}响应式网站建设" alt="{{$name['addr']}}响应式网站建设"/></div><p><br/>这有点晦涩难懂，但本质上，布局显示在小窗口上的时候，所有未经处理的列都会以行的形式呈现。这是个问题，因为内容的扭曲会不经意地改变设计的层级。 <br/> <br/>{{$name['addr']}}响应式网站制作公司{{$name['name']}}的解决方法显而易见，但令人惊奇的是，仍有很多人在纠结它：只要明确地设定元素的宽度、高度、内边距。如果它移出所处位置，盖住了其他元素，可以通过将它包裹在div容器中，设置外边距，迫使它回到原本的地方。</p></div></div><div class="m-letter-item"><h5 class="letter">C.</h5><h4 class="sub-title">缩放、流式布局与响应式</h4><div class="rimg"><div class="letimg"><img src="/static/webimages/h5case0c.jpg" _src="/static/webimages/h5case0c.jpg" border="0" vspace="0" title="{{$name['addr']}}响应式网站制作" alt="{{$name['addr']}}响应式网站制作"/></div><p><br/> 内容区域通常都随窗口尺寸变化。所以当固定宽度图片超出显示区域时，图片就被裁剪了。 <br/> <br/> 通过给图片设定相对单位，可以避免这个问题。或者使用支持响应式的框架（比如Bootstrap），使用响应式图片class名来控制（例如 class=”img-responsive”）。 <br/> <br/> 屏幕大小和分辨率的多样化，并不是开发响应式移动网页设计技术的原因。{{$name['addr']}}响应式网站建设公司{{$name['name']}}采用了响应式设计，就无需为不同设备设计不同的网页布局。除此之外，由于网站只有一个URL，用户可通过平板电脑或智能手机轻松、直接访问，避免了一次次重定向的烦恼。</p></div></div></div></li><li class="clearfix"><p class="id">03</p><h2 class="title">{{$name['name']}}响应式网站设计制作</h2><div class="text"><p>相对于普通PC端的展示方式，响应式网站建设需要遵循一定的设计原则，需要设计师更精细的布局规划，因此响应式<a href="{{$domain}}/solution/jianshe/" target="_self" title="{{$name['addr']}}网站建设报价方案" _href="{{$domain}}/solution/jianshe/">网站建设报价</a>也会相应高一些，如果有需要可以随时联系我们，相信{{$name['name']}}的响应式网站设计制作为用户提供更多的策划咨询服务。</p></div></li></ul>
                
        </div>
        
	<div class="g-return-wrapper clearfix">
                    <a href="/" class="home">返回首页</a>
                    <a href="/solution/" class="column ">查看更多建站方案</a>
                </div>
    </div>
		    
@endsection